监听表单Input框的输入值value,自动计算填充赋值到另一个input框(几个input框自动合计) | 您所在的位置:网站首页 › jsp value值对应两个值 › 监听表单Input框的输入值value,自动计算填充赋值到另一个input框(几个input框自动合计) |
例如:计算工资组成(总薪资框readonly,随其他薪资组成框的value输入值改变而改变) HTML代码:略过~根据自己布局情况而定!!!! 重点:给你需要监听的input框绑定onkeyup事件(onkeyup 事件会在键盘按键被松开时发生。) 在onkeyup事件中,绑定你的方法(这里是合计)
JS:监听input框的值,进行合计 重点:针对浮点数精度丢失,这里要处理一下 这样就可以进行合计填充啦~ 附上代码: //计算总工资 function Addsum(a) { //获取输入框的值(工资组成) var JXval = document.getElementById("setjixiaoSalaryVal").value; //获取绩效工资input框value值 var JBval = document.getElementById("setjibenSalaryVal").value; //获取基本工资input框value值 var GWval = document.getElementById("setgangweiSalaryVal").value; //获取岗位工资input框value值 var GLval = document.getElementById("setguanliSalaryVal").value; //获取管理津贴input框value值 //合计工资 var sum = MathAdd(JBval, JXval) + MathAdd(GWval, GLval); //合计工资组成的值 //只读框赋值(总工资) document.getElementById("setzhengshiSalary").value = sum; //赋值给总工资的input框 } //JS处理浮点数计算精度丢失 function MathAdd(a, b) { var c, d, e; try { c = a.toString().split(".")[1].length; } catch (f) { c = 0; } try { d = b.toString().split(".")[1].length; } catch (f) { d = 0; } return e = Math.pow(10, Math.max(c, d)), (mul(a, e) + mul(b, e)) / e; } |
CopyRight 2018-2019 实验室设备网 版权所有 |